<section id="list">
    <div class="demo-item">
        <div class="demo-block">
            <ul class="ui-list ui-list-text ui-border-t">
                <li class="ui-border-t">
                    <div class="ui-list-info">
                        <h4 style="font-size:16px"><b>积分系统项目加分，积分</b></h4>
                        <p style="color:#C7C7C7">2016-11-11</p>
                    </div>
                    <div class="ui-list-action">
                        <span style="display:inline-block;height:30px;width:30px;background:url(/Public/App/images/t1.png);background-size: contain;"></span>
                    </div>
                </li>
                <li class="ui-border-t">
                    如何让你遇见我,在我最美丽的时刻为这,我已在佛前求了五百年,求他让我们结一段尘缘,佛于是把我化作一棵树,长在你必经的路旁,阳光下慎重地开满了花,朵朵都是我前世的盼望,当你走近请你细听,那颤抖的叶是我等待的热情,而当你终于无视地走过,在你身后落了一地的,朋友啊那不是花瓣,是我凋零的心
                </li>
            </ul>
        </div>
    </div>
    <div class="demo-item" style="margin:15px;margin-bottom:none;padding-bottom:20px;border-bottom:1px solid #E0E0E0">
        <div class="demo-block">
            <table class="ui-table ui-border">
                <thead>
                <tr><th>名字</th><th>A分</th><th>B分</th><th>虚拟分</th></tr>
                </thead>
                <tbody>
                <tr><td>官文涛</td><td>100</td><td>100</td><td>100</td></tr>
                <tr><td>张明星</td><td>300</td><td>300</td><td>300</td></tr>
                <tr><td>聂蓝宇</td><td>1000</td><td>1000</td><td>1000</td></tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class="demo-item" style="margin:15px">
        <div class="demo-block">
            <p style="color:#999999"><span>最新任务 <i class="fa fa-angle-down" aria-hidden="true"></i></span><span style="float:right">负责人 <i class="fa fa-angle-down" aria-hidden="true"></i></span></p>
        </div>
    </div>
    <div class="demo-item">
        <div class="demo-block" style="text-align:center">
            <i class="fa fa-plus-circle" aria-hidden="true" style="color:#65CEA7"></i> 添加子任务
        </div>
    </div>
<!-- 任务一 -->
    <div class="demo-item" style="margin:10px 15px;font-size:12px">
        <div class="demo-block">
            <ul class="ui-list ui-list-link ui-border" style="margin-bottom:0">
                <li>
                    <div class="ui-list-info ui-border-t" style="padding-top:0;padding-bottom:0">
                        <div style="border-bottom:1px solid #e0e0e0;height:32px;line-height: 32px;">
                            <span style="font-size:14px">积分系统测试</span>
                            <span style="float:right;color:#999999">未开始</span>
                        </div>
                        <div class="ui-nowrap" style="color:#999999;height:32px;line-height: 32px;">
                            <span>负责人：小样</span>
                            <span style="float:right">2016-11-11</span>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <!-- 子任务一 -->
    <div class="demo-item" style="margin:10px 15px;font-size:12px;margin-left:30px" onclick="$.myfunction.jump('{:U('Home/subtask')}','任务内容','','')">
        <div class="demo-block">
            <ul class="ui-list ui-list-link ui-border"  style="margin-bottom:0">
                <li>
                    <div class="ui-list-info ui-border-t" style="padding-top:0;padding-bottom:0">
                        <div style="border-bottom:1px solid #e0e0e0;height:32px;line-height: 32px;">
                            <span style="font-size:14px">积分系统测试</span>
                            <span style="float:right;color:#999999">未开始</span>
                        </div>
                        <div class="ui-nowrap" style="color:#999999;height:32px;line-height: 32px;">
                            <span>负责人：小样</span>
                            <span style="float:right">2016-11-11</span>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <!-- 子任务二 -->
    <div class="demo-item" style="margin:10px 15px;font-size:12px;margin-left:30px" onclick="$.myfunction.jump('{:U('Home/subtask')}','任务内容','','')">
        <div class="demo-block">
            <ul class="ui-list ui-list-link ui-border" style="margin-bottom:0">
                <li>
                    <div class="ui-list-info ui-border-t" style="padding-top:0;padding-bottom:0">
                        <div style="border-bottom:1px solid #e0e0e0;height:32px;line-height: 32px;">
                            <span style="font-size:14px">积分系统测试</span>
                            <span style="float:right;color:#999999">未开始</span>
                        </div>
                        <div class="ui-nowrap" style="color:#999999;height:32px;line-height: 32px;">
                            <span>负责人：小样</span>
                            <span style="float:right">2016-11-11</span>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <!--任务二-->
    <div class="demo-item" style="margin:10px 15px;font-size:12px">
        <div class="demo-block">
            <ul class="ui-list ui-list-link ui-border" style="margin-bottom:0">
                <li>
                    <div class="ui-list-info ui-border-t" style="padding-top:0;padding-bottom:0">
                        <div style="border-bottom:1px solid #e0e0e0;height:32px;line-height: 32px;">
                            <span style="font-size:14px">积分系统测试</span>
                            <span style="float:right;color:#999999">未开始</span>
                        </div>
                        <div class="ui-nowrap" style="color:#999999;height:32px;line-height: 32px;">
                            <span>负责人：小样</span>
                            <span style="float:right">2016-11-11</span>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <div class="demo-item">
        <div class="demo-block" style="margin:50px 15px">
            <hr style="border:1px solid #65CEA7">
        </div>
        <div style="position:relative;top:-65px;margin:0 auto;text-align:center;width:120px;height:30px;background-color:#fff">
            <i class="fa fa-circle" aria-hidden="true" style="float:left;font-size:6px;height:30px;line-height:30px;color:#65CEA7"></i>动态信息 <i class="fa fa-circle" aria-hidden="true" style="float:right;font-size:6px;height:30px;line-height:30px;color:#65CEA7"></i>
        </div>
    </div>

    <div class="demo-item">
        <div class="demo-block">
            <ul class="ui-list">
                <li>
                    <div class="ui-avatar">
                        <span style="background-image:url(http://placeholder.qiniudn.com/100x100)"></span>
                    </div>
                    <div class="ui-list-info">
                        <h4><span style="color:#576B94">王花花 </span><span style="font-size:12px;">11月25日 17:05</span></h4>
                        <p style="color:#000">积分系统很好积分系统很好</p>
                    </div>
                </li>
                <li>
                    <div class="ui-avatar">
                        <span style="background-image:url(http://placeholder.qiniudn.com/100x100)"></span>
                    </div>
                    <div class="ui-list-info">
                        <h4><span style="color:#576B94">王花花 </span><span style="font-size:12px;">11月25日 17:05</span></h4>
                        <p style="color:#000">积分系统很好积分系统很好</p>
                    </div>
                </li>
                <li>
                    <div class="ui-avatar">
                        <span style="background-image:url(http://placeholder.qiniudn.com/100x100)"></span>
                    </div>
                    <div class="ui-list-info">
                        <h4><span style="color:#576B94">王花花 </span><span style="font-size:12px;">11月25日 17:05</span></h4>
                        <p style="color:#000">积分系统很好积分系统很好</p>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <div class="demo-item">
        <div class="demo-block">
            <section class="ui-input-wrap ui-border-t">
                <div class="ui-input ui-border-radius">
                    <input type="text" name="" value="" placeholder="">
                </div>
                <button class="ui-btn" style="color:#fff;background:#DDDEE2;cursor: pointer;">发送</button>
            </section>
        </div>
    </div>
</section>
<section>
    <div class="demo-item" style="height:60px;width:100%;background-color:#fff">
    </div>
</section>